<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:replace="site/head::head(${commons.site_title()},${commons.google_site_verification()}, ${commons.baidu_site_verification()})"></div>

<body>
    	<!-- header -->
        <div th:replace="site/header::header"></div>
        <!-- header -->

        <!-- main -->
        <main role="main-inner-wrapper" class="container">
            <div class="row">
            	<section class="col-xs-12 col-sm-6 col-md-6 col-lg-6 ">
                	<article role="pge-title-content">
                    	<header>
                        	<h2><span>About </span> Chaucer Ray</h2>
                        </header>
                        <p>我是一个JAVA开发人员，喜欢研究新技术和编写博客。</p>
                        <p>我希望自己是个合格的程序员， 在自己的有生之年里能给这个世界输入足够多的信息，让你们看见更有趣的内容。</p>
                    </article>
                </section>
                <section class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                	<article class="about-content">
                    	<p>在我空闲的时间里面，我喜欢编程、打球、摄影以及结交新朋友。</p>
                        <p>想和我交朋友吗？你可以给我发送邮件、或者留言，我们可以一起探讨、交流。</p>
                    </article>
                </section>

                <div class="clearfix"></div>

                <!-- thumbnails -->
                	<div class="thumbnails-pan">
                        <th:block th:each="link,linkStat : ${links}">
                            <th:block th:if="${linkStat.index < 9}">
                                <section class="col-xs-12 col-sm-4 col-md-4 col-lg-4 ">
                                    <figure>
                                        <img th:src="${link.imgUrl}" th:onclick="'javascript:linkFirend(\''+${link.home}+'\')'"/>
                                        <figcaption>
                                            <h3><th:block th:text="${link.name}"></th:block></h3>
                                            <h5><th:block th:text="${link.description}"></th:block></h5>
                                        </figcaption>
                                    </figure>
                                </section>
                            <!--</th:block>-->
                        </th:block>
                    </div>
                <!-- thumbnails -->
            </div>
        </main>
    	<!-- main -->

        <!-- footer -->

        <div th:replace="site/footer::footer(${commons.site_title()},${commons.site_record()},${commons.site_url()})"></div>

</body>
</html>